<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>新闻中心</title>
    <link rel="stylesheet" href="__HOME_TMPL__/css/iconfont.css">
    <link rel="stylesheet" href="__HOME_TMPL__/css/weui.css">
    <link rel="stylesheet" href="__HOME_TMPL__/css/jquery-weui.css">
    <link rel="stylesheet" href="__HOME_TMPL__/css/index.css">
	<style>
		.swiper-slide img{width:100%;height: 200px;}
		.index_swiper{height: 200px;}
	</style>
</head>
<body ontouchstart>
<!--top-->
<div class="tab_navs">
    <!--<div class="header">
        <div class="h-left">
            <a class="sb-back icon iconfont icon-back icon-backs" href="javascript:history.back(-1)" title="返回"></a>
        </div>
        <div class="h-mid">
            <h4 class="mui-text-center" >新闻中心</h4>
        </div>
        <div class="h-right">
        </div>
    </div>
</div>-->
<!--轮播-->
<div class="swiper-container">
    <div class="swiper-wrapper">
        {foreach name="newsbanner" item="vo"}
        <div class="swiper-slide">
            <a href="{:url('index/newsdetial', ['id' => $vo.id])}">
                <img src="{$vo.tu}" class="img-responsive" alt="">
                <p class="swiper_bootem"></p>
                <p class="swiper_text ellipsis">{$vo.title}</p>
            </a>
        </div>
        {/foreach}
    </div>
    <div class="swiper-pagination new_Instructions"></div>
</div>
<!--列表-->
<div class="new_list demos-content-padded">
    <div class="list">
        {foreach name="newslist" item="vo"}
            <a class="weui-row" href="{:url('index/newsdetial', ['id' => $vo.id])}">
                <div class="weui-col-33">
                    <img src="{$vo.tu}" class="img-responsive" alt="">
                </div>
                <div class="weui-col-66">
                    <h4 class="ellipsis">{$vo.title}</h4>
                    <p class="ellipsis-2">{$vo.content}</p>
                    <p><span class="pull-right">{$vo.create_time|date="Y-m-d",###}</span></p>
                </div>
            </a>
        {/foreach}
    </div>
</div>

<!--<div class="weui-loadmore">-->
    <!--<i class="weui-loading"></i>-->
    <!--<span class="weui-loadmore__tips">正在加载</span>-->
<!--</div>-->
<script src="__HOME_TMPL__/js/jquery-2.1.4.js"></script>
<script src="__HOME_TMPL__/js/jquery-weui.js"></script>
<script src="__HOME_TMPL__/js/swiper.js"></script>
<script src="__HOME_TMPL__/js/fastclick.js"></script>
<script>

     //加载完成后关闭
    // loadingToast();
     setTimeout(function(){$('#loadingToast').fadeOut('fast')},1000);
     //加载完成后关闭(自定义文字)
     $('#showClick').click(function(){
         loadingToast('自定义文字');
         setTimeout(function(){$('#loadingToast').fadeOut('fast')},1000);
     });
     var swiper1 = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 1,
        spaceBetween: 10,
        autoplay: 3000,
        speed:1500,
        loop: true
    });

    $(function() {
        FastClick.attach(document.body);
    });


</script>
</body>
</html>